.big_divs {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
}
.big {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .header{
        width: 100%;
        height: 180rpx;
        color: #fff;
        text-align: center;
        line-height: 150rpx;
        display: flex;
        justify-content: space-between;
        background: linear-gradient(135deg, rgba(2, 114, 240, 1) 0%, rgba(2, 114, 240, 1) 0%, rgba(57, 165, 255, 1) 100%, rgba(57, 165, 255, 1) 100%);
        span:nth-child(3){
            width: 16px;
        }
    }
    .top {
        width: 100%;
        height: 100rpx;
        display: flex;
        justify-content: space-around;
        line-height: 100rpx;
        border-bottom: 1px solid #ccc;
        .top_span{
            display: flex;
        }
        .top_spans{
            display: flex;
        }
        .active{
            color: rgb(255,102,0);
        }
    }
    .quan{
        display: none;
    }
    .yan{
        display: none;
    }
    .box_quan{
        width: 100%;
        height: 80%;
        top: 154px;
        left: 0;
        position: absolute;
        display: block;
        background-color: #00000080;
        .quan_pro{
            width: 100%;
            height: 65%;
            border-top: 1px solid #ccc;
            background-color: white;
            >ul{
                width: 100%;
                height: 100%;
                overflow-y: scroll;
                >li{
                    width: 93%;
                    height: 50px;
                    line-height: 50px;
                    border-bottom: 1px solid #ccc;
                    padding: 0px 14px;
                }
            }
        }
        .quan_foot{
            width: 100%;
            height: 35%;
            background-color: #9c9c9c00;
        }
    }
    .box_yan{
        width: 100%;
        height: 80%;
        top: 154px;
        left: 0;
        position: absolute;
        display: block;
        background-color: #00000080;
        .quan_max{
            width: 100%;
            height: 65%;
            border-top: 1px solid #ccc;
            background-color: white;
            >ul{
                width: 100%;
                height: 100%;
                overflow-y: scroll;
                >li{
                    width: 93%;
                    height: 50px;
                    line-height: 50px;
                    border-bottom: 1px solid #ccc;
                    padding: 0px 14px;
                }
            }
        }
        .quan_foot{
            width: 100%;
            height: 35%;
            background-color: #9c9c9c00;
        }
    }
    
    .main {
        width: 100%;
        height: 100%;
        background-color: #F2F2F2;
        display: flex;
        flex-direction: column;
        .mains{
            display: none;
        }
        .actives{
            width: 100%;
            height: 581px;
            text-align: center;
            font-size: 17px;
            line-height: 100px;
            display: block !important;
        }
        .same {
            margin-top: 40rpx;
            width: 100%;
            height: 260rpx;
            display: flex;
            background-color: #fff;
            flex-direction: column;

            .same_one {
                width: 100%;
                height: 120rpx;
                display: flex;

                img {
                    margin-top: 20rpx;
                    width: 90rpx;
                    height: 80rpx;
                    background-color: paleturquoise;
                    margin-left: 40rpx;
                }

                p {
                    line-height: 120rpx;
                    font-size: 17px;
                    margin-left: 30rpx;
                }

                span {
                    margin-left: 330rpx;
                    line-height: 120rpx;
                    font-size: 13px;
                    color: #999;
                }
            }

            .same_two {
                width: 100%;
                height: 70rpx;

                p {
                    font-size: 18px;
                    margin-left: 40rpx;
                    border-bottom: 1px solid #ccc;
                }
            }

            .same_three {
                width: 100%;
                height: 100rpx;
                display: flex;
                position: relative;
                line-height: 100rpx;

                .same_three_p {
                    margin-left: 40rpx;
                    font-size: 14px;
                    color: #7F7EB5;
                    display: block;
                    display: flex;

                    span {
                        color: black;
                        font-size: 15px;
                    }
                }

                .same_three_p2 {
                    margin-left: 40rpx;
                    font-size: 14px;
                    color: #7F7EB5;
                    display: block;
                    display: flex;

                    span {
                        color: #FF6600;
                        font-size: 15px;
                    }
                }

                .icon {
                    width: 160rpx;
                    height: 80rpx;
                    display: flex;

                    span {
                        width: 60rpx;
                        border-radius: 50%;
                        height: 60rpx;
                        background-color: #FDEDED;
                        // margin-top: 20rpx;
                    }
                }

                .iconfont {
                    font-size: 50rpx;
                    margin-left: 20rpx;
                    color: #FD6464;
                    margin-top: 16rpx;
                    text-align: center;
                    line-height: 60rpx;
                }

                .first {
                    position: absolute;
                    top: 300rpx;
                    right: 100rpx;

                }
            }
        }

       
        
    }
}